import React from "react";
// 1. 安装 cnpm i styled-components
import styled from 'styled-components'

/*
  如果使用的过程中模板字符串中没有提示或者颜色，可以安装插件 vscode-styled-components
  因为我们直接这样去写样式可读性不高，容易产生细节错误，所以这个写法做了解
*/
const Title = styled.h1`
  color: red;
  background-color: blue;
  width: 200px;
  height: 50px;
`

const Btn = styled.button`
  width: 200px;
  height: 50px;
  background-color: green;
`

class App extends React.Component {
  render(){
    return (<>
          <Title>你好世界</Title>
          <Btn>求点击</Btn>
    </>)
  }
}

export default App
